<?php
/**
 * Created by PhpStorm.
 * User: dreamy
 * Date: 2019-05-15
 * Time: 11:14
 */
use yii\helpers\Html;
?>
<!doctype html>
<html lang="zh">

<head>
    <title>公司账-企业记账软件</title>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="description" content="公司账是企业记账软件,无需任何会计知识，轻松管理员工记账、老板看账，手机电脑同步记账。">
    <meta name="keywords" content="公司账,公司帐,记账软件,企业记账软件">
    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="/public/css/bootstrap.min.css">
    <!-- fonts CSS -->
    
    <!-- fontawesome fonts CSS -->
    <link rel="stylesheet" href="/public/fonts/fontawesome/css/all.css">
    <link rel="stylesheet" type="text/css" href="/public/icons/digital-marketing/font/flaticon.css">
    <link rel="stylesheet" type="text/css" href="/public/css/aos.css">
    <!-- style CSS -->
    <link rel="stylesheet" href="/public/css/style.css">
        <?=Html::cssFile('@web/static/css/index.css')?>
    <?php echo $this->render('../public/ele.php');?>


</head>


<body>
    <div class="preloader">
        <div class="lds-ripple">
            <div class="lds-pos"></div>
            <div class="lds-pos"></div>
        </div>
    </div>
    <!-- header start -->
        <!--引入页面头部-->
	<?php echo $this->render('../public/header_page.php')?>
	<!-- header close -->
    <!-- hero slide start -->
    <div class="hero-slide">
        <div class="container">
            <div class="row">
                <div class="col-xl-8 col-lg-8 col-md-12 col-sm-12 col-12">
                    <!-- pagecaption start -->
                    <div class="hero-slide-caption" data-aos="fade-up">
                        <h1 class="hero-slide-caption-title">公司记账就用公司账<br />一款老板能看懂的企业记账软件</h1>
                        <p class="hero-slide-caption-text">用户无须专业的财务知识即可轻松上手<br />五分钟学会记录流水账<br />电脑端、APP、微信多端同步</p>
                        <a href="/login" class="btn btn-secondary ">立即使用</a>
                    </div>
                    <!-- pagecaption close -->
                </div>
                <div class="col-xl-4 col-lg-4 col-md-12 col-sm-12 col-12">
                    <!-- pagecaption start -->
                    <div class="hero-slide-img" data-aos="fade-up" data-aos-delay="300">
                        <img src="./public/images/hero-graph-img-1.png" width="500px" alt="" class="">
                    </div>
                    <!-- pagecaption close -->
                </div>
            </div>
        </div>
    </div>
    <!-- hero slide close -->
    <!-- pattern start -->
    <div class="pattern-bottom">
        <div class="pattern-slide"></div>
    </div>
    <!-- pattern close -->
	<!-- features section start -->
    <div class="space-medium pb-0">
        <div class="container">
			            <div class="row">
                <div class="col-xl-3 col-lg-3 col-md-6 col-sm-12 col-12 text-center">
                    <!-- counter start -->
                    <div class="counter-v4 counter-block" data-aos="zoom-in">
                        <div class="counter-block-content">
                            <div class="counter counter-block-title" data-count="2020">2010</div>
							
                            <p class="counter-block-text">10年技术沉淀 </p>
                        </div>
                    </div>
                    <!-- counter end -->
                </div>
                <div class="col-xl-3 col-lg-3 col-md-6 col-sm-12 col-12 text-center">
                    <!-- counter start -->
                    <div class="counter-v4 counter-block" data-aos="zoom-in">
                        <div class="counter-block-content">
                            <div class="counter counter-block-title" data-count="120">10</div>
                            <span class="plus-sign">万</span>
                            <p class="counter-block-text">家企业的信赖</p>
                        </div>
                    </div>
                    <!-- counter end -->
                </div>
                <div class="col-xl-3 col-lg-3 col-md-6 col-sm-12 col-12 text-center">
                    <!-- counter start -->
                    <div class="counter-v4 counter-block" data-aos="zoom-in">
                        <div class="counter-block-content">
                            <div class="counter counter-block-title" data-count="120">1</div>
                            <span class="plus-sign">项</span>
                            <p class="counter-block-text">功能</p>
                        </div>
                    </div>
                    <!-- counter end -->
                </div>
                <div class="col-xl-3 col-lg-3 col-md-6 col-sm-12 col-12 text-center">
                    <!-- counter start -->
                    <div class="counter-v4 counter-block" data-aos="zoom-in">
                        <div class="counter-block-content">
                            <div class="counter counter-block-title" data-count="99.9">80</div>
                            <span class="plus-sign">%</span>
                            <p class="counter-block-text">稳定性</p>
                        </div>
                    </div>
                    <!-- counter end -->
                </div>
            </div>
			

            
            
        </div>
    </div>
    <!-- features section close -->
    <div class="space-medium">
        <div class="container">
            <div class="row">
                <div class="offset-xl-2 col-xl-8 col-lg-12 col-md-12 col-sm-12 col-12 text-center">
                    <!-- section heading start -->
                    <div class="section-heading" data-aos="fade-up">
                        <h2 class="section-title">我们的优势</h2>
                        <p>OUR ADVANTAGE
                        </p>
                    </div>
                    <!-- section heading close -->
                </div>
            </div>
            <div class="row">
                <!-- featrure start -->
                <div class="col-xl-3 col-lg-3 col-md-6 col-sm-12 col-12">
                    <div class="feature-block-v17 feature-block bg-brand" data-aos="fade-up">
                        <div class="feature-icon bg-brand">
                            <i class="fas fa-chart-line"></i>
                        </div>
                        <div class="feature-content">
                            <h4 class="text-white">全功能记账</h4>
                            <p>手动与自动相结合<br />多维记账方式</p>
                        </div>
                    </div>
                </div>
                <!-- featrure close -->
                <!-- featrure start -->
                <div class="col-xl-3 col-lg-3 col-md-6 col-sm-12 col-12">
                    <div class="feature-block-v17 feature-block bg-primary" data-aos="fade-up">
                        <div class="feature-icon bg-primary">
                            <i class="fas fa-search"></i>
                        </div>
                        <div class="feature-content">
                            <h4 class="text-white">多重加密保障</h4>
                            <p>一账三地容灾备份<br />银行级别加密</p>
                        </div>
                    </div>
                </div>
                <!-- featrure close -->
                <!-- featrure start -->
                <div class="col-xl-3 col-lg-3 col-md-6 col-sm-12 col-12">
                    <div class="feature-block-v17 feature-block bg-info" data-aos="fade-up">
                        <div class="feature-icon bg-info">
                            <i class="fas fa-link"></i>
                        </div>
                        <div class="feature-content">
                            <h4 class="text-white">全资产记账法</h4>
                            <p>掌握资产信息<br />追求财富增值 </p>
                        </div>
                    </div>
                </div>
                <!-- featrure close -->
                <!-- featrure start -->
                <div class="col-xl-3 col-lg-3 col-md-6 col-sm-12 col-12">
                    <div class="feature-block-v17 feature-block bg-secondary" data-aos="fade-up">
                        <div class="feature-icon bg-secondary">
                            <i class="fas fa-trophy"></i>
                        </div>
                        <div class="feature-content">
                            <h4 class="text-white">智能分析</h4>
                            <p>智能财务分析<br />为您的决策提供相应数据支撑</p>
                        </div>
                    </div>
                </div>
                <!-- featrure close -->
            </div>
        </div>
    </div>
    
    
    <!-- features section start -->
    <div class="space-medium bg-light feature-section-v1 feature-section ">
        <div class="container">
            <div class="row">
                <div class="col-xl-6 col-lg-6 col-md-6 col-sm-12 col-12">
                    <!-- features section content start -->
                    <div class="feature-section-content" data-aos="fade-up">
                        <h2>安全至极 账户保障</h2>
                        <p>精准计算，使用全球领先、安全稳定的云服务器计算服务，U盾、锁屏、权限管理，多重安全设置</p>
                        <a href="/login" class="btn btn-brand">立即使用</a>
                    </div>
                    <!-- features section content close -->
                </div>
                <div class="col-xl-6 col-lg-6 col-md-6 col-sm-12 col-12">
                    <!-- features section img start -->
                    <div class="feature-section-img" data-aos="fade-up" data-aos-delay="500" data-aos-duration="3000">
                        <img src=".//public/images/laptop-img-2.png" alt="">
                    </div>
                    <!-- features section img close -->
                </div>
            </div>
        </div>
    </div>
    <!-- features section close -->
    <!-- features section start -->
    <div class="space-medium  feature-section-v2 feature-section ">
        <div class="container">
            <div class="row">
                <div class="col-xl-5 col-lg-5 col-md-6 col-sm-12 col-12">
                    <!-- features section img -->
                    <div class="feature-section-img ">
                        <img src=".//public/images/ft-section-img-1.png" alt="" class="img-fluid ftsection-img-first " data-aos="fade-right">
                        <img src=".//public/images/ft-section-img-2.png" alt="" class="img-fluid  ftsection-img-second" data-aos="fade-up">
                        <img src=".//public/images/ft-section-img-3.png" alt="" class="img-fluid  ftsection-img-third" data-aos="fade-down">
                        <img src=".//public/images/ft-section-img-4.png" alt="" class="img-fluid  ftsection-img-fourth" data-aos="fade-left">
                    </div>
                    <!-- features section img -->
                </div>
                <div class="col-xl-6 col-lg-6 col-md-6 col-sm-12 col-12 pl-4">
                    <!-- features section content -->
                    <div class="feature-section-content m-b-30" data-aos="fade-up">
                        <h2>多端通用 随时随地记账</h2>
                        <p>无论何时何地，能上网就能记账查账<br />
							多端集合，手机、电脑、微信、APP随心选用<br />
							多人同时记账，高效协同；扫码分享，数据快速共享
						</p>
                        <a href="/login" class="btn btn-primary">立即使用</a>
                    </div>
                    <!-- features section content -->
                    <!-- testimonial section -->
                    <div class="testimonial-block-v11 testimonial-block " data-aos="fade-down">
                        <div class="testimonial-content">
                            <p class="testimonial-content-text">“免安装、免维护、自动升级，3秒完成初始化，简单开始”</p>
                            <div class="testimonial-meta">
                                <h5 class="testimonial-meta-name">常子明</h5>
                                <p class="testimonial-meta-designation">产品经理</p>
                            </div>
                        </div>
                    </div>
                    <!-- testimonial section -->
                </div>
            </div>
        </div>
    </div>
    <!-- features section close -->
    <!-- cta section -->
    <div class="cta-section-v1 cta-section">
        <div class="container">
            <div class="row">
                <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                    <div class="cta-section-content" data-aos="fade-up">
                        <h2 class="cta-section-title">立即开启新的企业记账模式</h2>
                        <a href="/login" class="btn btn-secondary btn-lg">立即使用</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- cta section -->
    <div class="pattern-bottom">
        <div class="pattern-slide"></div>
    </div>
    <!-- footer section -->
        <!--引入页面头部-->
	<?php echo $this->render('../public/footer_page.php')?>
    <!-- footer section -->
   
    <a href="javascript:" id="return-to-top" class="returntotop"><i class="fa fa-angle-up"></i></a>
    <!-- Optional JavaScript -->
    <!-- jQuery first, then Popper.js, then Bootstrap JS -->
    <script src="/public/js/jquery-3.3.1.min.js"></script>
    <script src="/public/js/bootstrap.min.js"></script>
    <script src="/public/js/main-js.js"></script>
    <script src="/public/js/aos.js"></script>
    <script src="/public/js/return-to-top.js"></script>
    <script src="/public/js/aos-function.js"></script>
</body>

</html>
